import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// path是node的内置模块，在js中可以直接引入，在ts中需要安装一些包（帮你找到path）
// yarn add @types/node -D
import path from 'path'


// https://vitejs.dev/config/
export default defineConfig({
  // 插件
  plugins: [vue()],
  // 各种vite的配置
  resolve: {
    // 給项目中的各种文件夹，取别名
    // 把 src(的绝对路径) 映射成 @
    alias: {
      // 别名：  绝对路径
      '@': path.resolve(__dirname, './src')
    }
  },
  css: {
    // css预加载配置
    preprocessorOptions: {
      scss: {
        // 会在每一个.vue文件下的style（lang=scss）中加入
        additionalData: ` @import '@/style/var.scss';
@import '@/style/mixin.scss';`,
      }
    }
  },
  server: {
    proxy: {
      '/api': {
        target: 'http://129.211.169.131:21001',
        changeOrigin: true,
        //没重写的情况：  axios({url: '/api/login'})  -> http://129.211.169.131:3333/api/login
        //重写的情况：    axios({url: '/api/login'})  -> http://129.211.169.131:3333/login
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    }
  },
})
